<template>
  <div class="fly-panel fly-panel-user" pad20>
    <div class="layui-tab layui-tab-brief" lay-filter="user">
      <ul class="layui-tab-title" id="LAY_mine">
        <li v-for="(item,key) in lists" :key="'li'+key">
          <router-link :to="{'name':item.path}">{{item.name}}</router-link>
        </li>
      </ul>
      <div class="layui-tab-content" style="padding: 20px 0;">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'user-settings',
  data () {
    return {
      lists: [
        {
          name: '我的资料',
          path: 'info'
        },
        {
          name: '头像',
          path: 'pic'
        },
        {
          name: '密码',
          path: 'passwd'
        },
        {
          name: '帐号绑定',
          path: 'accounts'
        }
      ]
    }
  }

}
</script>

<style lang='scss' scoped>
</style>
